<template>
  <div>
    <el-table :data="tableData"  border :cell-style="{'text-align':'center'}" :header-cell-style="{'text-align':'center'}">
    <el-table-column prop="id" label="编号" width="60"></el-table-column>
    <el-table-column
        prop="name"
        label="类型名称"
        width="120"
    ></el-table-column>
    <el-table-column label="类型数量" width="100"></el-table-column>
    <el-table-column label="参数数量" width="100">
    </el-table-column>
    <el-table-column width='200' label="设置">
       <el-button  size="mini">属性列表</el-button>
       <el-button  size="mini">参数列表</el-button>
    </el-table-column>
    <el-table-column width='150' label="操作">
        <template slot-scope="scope">
            <el-button size="mini">编辑</el-button>
            <el-button  size="mini" type="danger">删除</el-button>
        </template>
    </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  methods: {
    resetForm(formName) {
      this.$refs[formName].resetFields()
    },
  },
  mounted() {
    this.axios
      .get('/productCategory/', {
        headers: {
          'Content-Type': 'application/json;charset=UTF-8',
          Authorization: localStorage.getItem('token'),
        },
      })
      .then((res) => {
        // console.log(res.data)
        if (res.data.code === 200) {
          this.tableData = res.data.data
        }
      })
  },
  data() {
    return {
        xiaBt:false,
        value1:true,
        tableData: [],
    }
  },
}
</script>
<style lang="scss" scoped>
.el-dialog{    
  position:fixed;
  top:20px;
  left:50%;
  margin-left:-20%;
  z-index:100;
}
.hui{
  position:fixed;top:0;left:0;
  background:rgba(128,128,128,0.5);
  width:100vw;
  height:100vh;
  z-index:99;
}

.el-form {
  line-height: 40px;
  padding: 10px 20px;
  text-align: left;
  border:1px solid #eee;margin-bottom:20px
}
.el-form-item {
  width: 40%;
  display: inline-block;
}
.dian{color: #fff;
    border-radius: 50%;
    padding: 12px;
    background-color: #409eff;
    border-color: #409eff
    }
.el-drawer{
  width:50% !important
}

</style>
